<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

    <script>
        /******************** 数字类型 *********************/
        var num = 10;
        var PI = 3.14;
        // 八进制 0 ~ 7 (数字前面加0 表示八进制)
        var num1 = 010,
            num2 = 012;
        console.log(num1, num2);
        // 十六进制 0 ~ 9 (数字的前面加0x 表示十进制)
        var num3 = 0x9,
            num4 = 0xa;
        console.log(num3, num4);

        // number数字的最大最小值
        console.log(Number.MAX_VALUE, Number.MIN_VALUE);

        // 无穷大 Infinity - 无穷大
        console.log(Number.MAX_VALUE * 2);
        // 无穷小 -Infinity - 无穷小
        console.log(-Number.MAX_VALUE * 2);

        // 非数字(NaN)
        console.log('哈哈哈' - 100);

        // isNaN() 这个方法用来判断非数字, 如果是数字返回false 不是数字返回true 
        // 注意"123"也会被判断为false
        var userAge = "haha";
        console.log(isNaN(userAge));

        /******************** 字符串类型 *********************/
        var str = '哈哈哈“12312”哈哈哈'
        console.log(str);

        // 获取字符串的长度
        console.log(str.length);

        // 字符串拼接 +
        console.log('哈哈' + '笑脸');
        console.log('哈哈' + 18);
        console.log('哈哈' + true);
        console.log(12 + 12);
        console.log('12' + 12);

        var age = 28;
        console.log('哈哈' + age + 'kxzero');

        // var myAge = prompt('请输入年龄');
        // alert('你今年' + myAge + '岁');

        /******************** boolean以及undefined和null *********************/
        var flag = true;
        var flag1 = false;
        console.log(flag + 1);
        console.log(flag1 + 1);

        // 声明变量没有给值就是undefined
        var unStr;
        console.log(unStr);

        var variable = undefined;
        console.log(variable + 'haha'); // undefinedhaha
        console.log(variable + 1); // NaN

        // null 空值
        // var space = null;
        // console.log(spece + 'haha');
        // console.log(spece + 1);

        /******************** typeof 检测数据类型 *********************/
        var num10 = 10;
        console.log(typeof num10);

        var num11 = '10';
        console.log(typeof num11);

        var age1 = prompt('请输入年龄');
        console.log(typeof age1);
    </script>

</head>

<body>
    <img src="基本数据类型.png" alt="">
</body>

</html>